<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<link href="bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/new_file.css" rel="stylesheet" media="screen" />
		<link rel="stylesheet" href="css/templatemo-style.css">
		
	</head>

	<body>
		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-24
        	描述：导航栏
        -->
		<nav class="navbar navbar-default  role=" navigation "">
			<div class="container">
				<div class="navbar-header">
					<a class="navbar-brand" href="#">QQ空间</a>
				</div>
				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li>
							<a href="#">个人中心</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我的首页<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                                	作者：1162091199@qq.com
                                	时间：2017-04-28
                                	描述：我的主页
                                -->

								<div class="Home-Main">
									<div class="Home-Left">
										<div class="Home-Left-Button">
											<button type="submit" class="glyphicon glyphicon-user btn-lg"></button>
											<p style="padding-left: 12px;">主页</p>
										</div>
									</div>
									<div class="Home-right">
										<div><img src="img/300.png">
											<p>日志</p>
										</div>
										<div><img src="img/301.png">
											<p>相册</p>
										</div>
										<div><img src="img/302.png">
											<p>说说</p>
										</div>
										<div><img src="img/303.png">
											<p>分享</p>
										</div>
										<div><img src="img/304.png">
											<p>视频</p>
										</div>
										<div><img src="img/305.png">
											<p>音乐</p>
										</div>
										<div><img src="img/306.png">
											<p>留言板</p>
										</div>
										<div><img src="img/307.png">
											<p>个人档</p>
										</div>
										<div><img src="img/308.png">
											<p>收藏</p>
										</div>
									</div>
								</div>

							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">好友<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                            	作者：1162091199@qq.com
                            	时间：2017-04-28
                            	描述：好友
                            -->
								<div class="Friend-main">
									<div class="Friend-Left">
										<div style="margin-left: 20px;margin-top: 40px;">
											<button type="submit" class="glyphicon glyphicon-user btn-lg"></button>
											<p>寻找好友</p>
										</div>
										<div style="margin-left: 20px;">
											<button type="submit" class="glyphicon glyphicon-heart btn-lg"></button>
											<p>亲密度数</p>
										</div>
									</div>
									<div class="Friend-top">
										<p>最近联系的好友&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
											<input type="text" /><button type="submit" class="glyphicon glyphicon-search"></button>
										</p>
									</div>
									<div class="Friend-down">
										<div><img src="img/12.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/13.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/14.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/15.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/16.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/17.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/18.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/19.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/20.jpg">
											<p>XXX</p>
										</div>
										<div><img src="img/21.jpg">
											<p>XXX</p>
										</div>
									</div>
								</div>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">游戏<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                                	作者：1162091199@qq.com
                                	时间：2017-04-27
                                	描述：游戏
                                -->
								<div style="width: 500px;height: 200px;background-color: #fff;">
									<div class="Game-top">
										<div class="Game-left">
											<div class="pull-left" style="margin: 0px 20px;">
												<img class="" src="img/积分商城.png" />
												<p size="1" class="text-center"><strong>积分商城</strong></p>
											</div>
											<div class="pull-left" style="margin: 5px 20px;">
												<img class="" src="img/礼包.png" />
												<p size="1" class="text-center"><strong>积分商城</strong></p>
											</div>
											<div class="pull-left" style="margin: 5px 20px;">
												<img class="" src="img/游戏.png" />
												<p size="1" class="text-center"><strong>每日礼包</strong></p>
											</div>
										</div>

										<div class="Game-right">
											<div>
												<img src="img/200.png" />
												<p size="1" class="text-center"><strong>礼物</strong></p>
											</div>
											<div>
												<img src="img/201.png" />
												<p size="1" class="text-center"><strong>你猜我画</strong></p>
											</div>
											<div>
												<img src="img/202.png" />
												<p size="1" class="text-center"><strong>QQ情侣</strong></p>
											</div>
											<div>
												<img src="img/203.png" />
												<p size="1" class="text-center"><strong>花藤</strong></p>
											</div>
											<div>
												<img src="img/204.png" />
												<p size="1" class="text-center"><strong>QQ农场</strong></p>
											</div>
											<div>
												<img src="img/205.png" />
												<p size="1" class="text-center"><strong>德州扑克</strong></p>
											</div>
											<div>
												<img src="img/206.png" />
												<p size="1" class="text-center"><strong>神仙劫</strong></p>
											</div>
											<div>
												<img src="img/207.png" />
												<p size="1" class="text-center"><strong>从返现场</strong></p>
											</div>
											<div>
												<img src="img/208.png" />
												<p size="1" class="text-center"><strong>烈焰传奇</strong></p>
											</div>
											<div>
												<img src="img/209.png" />
												<p size="1" class="text-center"><strong>武极天下</strong></p>
											</div>
											<div>
												<img src="img/210.png" />
												<p size="1" class="text-center"><strong>不良人</strong></p>
											</div>
											<div>
												<img src="img/211.png" />
												<p size="1" class="text-center"><strong>QQ农场</strong></p>
											</div>
											<div>
												<img src="img/212.png" />
												<p size="1" class="text-center"><strong>猎鱼达人</strong></p>
											</div>
											<div>
												<img src="img/213.png" />
												<p size="1" class="text-center"><strong>勇者之塔</strong></p>
											</div>
											<div>
												<img src="img/214.png" />
												<p size="1" class="text-center"><strong>更多游戏</strong></p>
											</div>
										</div>
									</div>
								</div>
							</ul>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">装扮<span class="caret"></span></a>
							<ul class="dropdown-menu">
								<!--
                                	作者：1162091199@qq.com
                                	时间：2017-04-27
                                	描述：装扮
                                -->
								<div style="width: 400px;height: 300px;background-color: #fff;">
									<div class="Dress-Top">
										<div class="Dress-left">
											<button type="button" class="btn btn-default btn-lg glyphicon glyphicon-shopping-cart"></button>
											<button type="button" class="btn btn-default btn-lg glyphicon glyphicon-star"></button>
										</div>
										<div class="Dress-right">
											<div class="choose">
												<p color="darkslategray">极速传说&nbsp;&nbsp;|&nbsp;&nbsp;新潮流&nbsp;&nbsp;|&nbsp;&nbsp;<u><strong>心已飞远</strong></u>&nbsp;&nbsp;|&nbsp;&nbsp;路过心灵的句子</p>
											</div>
											<div class="middle">
												<img class="Dress-img" src="img/110.gif" />
												<img class="Dress-img" src="img/112.gif" />
												<img class="Dress-img" src="img/102.jpg" />
												<img class="Dress-img" src="img/117.gif" />
											</div>
										</div>
									</div>
								</div>
							</ul>
						</li>
					</ul>
					<div class="navbar-header">
						<audio src="music/xr.mp3" controls="controls" autoplay="autoplay"></audio>
						<button type="submit" class="btn btn-default glyphicon glyphicon-signal" style="margin-top: -28px;"></button>
					</div>
					<form class="navbar-form ">
						<div class="form-group">
							<input type="text" class="form-control" placeholder="用户/游戏/动态">
						</div>
						<button type="submit" class="btn btn-default glyphicon glyphicon-search"></button>
						<button type="submit" class="btn btn-default glyphicon glyphicon-indent-right"></button>
						<!-- Single button -->
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle  glyphicon glyphicon-cog" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
						  <span class="caret"></span>
						  </button>
							<ul class="dropdown-menu">
								<li>
									<a href="#">修改资料</a>
								</li>
								<li>
									<a href="#">主页排版</a>
								</li>
								<li>
									<a href="#">空间设置</a>
								</li>
								<li role="separator" class="divider"></li>
								<li>
									<a href="#">权限设置</a>
								</li>
							</ul>
						</div>

					</form>
				</div>
			</div>
		</nav>
		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-25
        	描述：面板
        -->
		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-26
        	描述：我的空间
        -->
		<div class="page-header">
			<h1 class="text-info" style="margin-left: 20%;">我的空间</h1>
		</div>
		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-25
        	描述：头像以及导航,Head portrait
        -->
		<div style="width: 80%;margin:0 auto;margin-left: 364px;height: 220px;" class="pull-left ">
			<div style="width:200px;height: 200px;" class="pull-left ">
				<img src="img/qq.jpg" class="img-thumbnail">
			</div>
			<div style="width:80%;height: 200px;" class="pull-left ">
				<h2 class="text-info pull-left" style="margin-top: 100px;">LYQ</h2>
				<ol class="breadcrumb pull-left" role="tablist" id="feature-tab">
					<li>
						<a href="#tab-Home" role="tab" data-toggle="tab">主页</a>
					</li>
					<li>
						<a href="#tab-log" role="tab" data-toggle="tab">日志</a>
					</li>
					<li>
						<a href="#tab-img" role="tab" data-toggle="tab">相册</a>
					</li>
					<li>
						<a href="#tab-liuyanban" role="tab" data-toggle="tab">留言板</a>
					</li>
					<li>
						<a href="#tab-shuoshuo" role="tab" data-toggle="tab">说说</a>
					</li>
					<li>
						<a href="#tab-gerendang" role="tab" data-toggle="tab">个人档</a>
					</li>
					<li>
						<a href="#tab-Music" role="tab" data-toggle="tab">音乐</a>
					</li>
					<li>
						<a href="#tab-More" role="tab" data-toggle="tab">更多</a>
					</li>
				</ol>
			</div>
		</div>
		<!--
        	作者：1162091199@qq.com
        	时间：2017-04-25
        	描述：主页面
        -->
		<div class="tab-content">
			<!--
	        	作者：1162091199@qq.com
	        	时间：2017-04-26
	        	描述：首页
	        -->
			<div class="container tab-pane active" style="width: 70%;margin: 0 auto;" id="tab-Home">
				<div class="row">
					<!--
	                    	作者：1162091199@qq.com
	                    	时间：2017-04-25
	                    	描述：左页面
	                    -->
					<div class="col-md-2">
						<ul class="" role="tablist" id="feature-tab">

							<li class="list-group-item">
								<a href="#tab-main" role="tab" data-toggle="tab">好友动态</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main1" role="tab" data-toggle="tab">特别关心</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main2" role="tab" data-toggle="tab">与我相关</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main3" role="tab" data-toggle="tab">那年今日</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main4" role="tab" data-toggle="tab">腾讯课堂</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main5" role="tab" data-toggle="tab">我的收藏</a>
							</li>
							<li class="list-group-item">
								<a href="#tab-main6" role="tab" data-toggle="tab">五子棋</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">热门游戏</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">大青云</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">重返战场</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">猎鱼达人3D</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">QQ农场</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">QQ牧场</a>
							</li>
							<li class="list-group-item">
								<a href="" role="tab" data-toggle="tab">QQ宠物</a>
							</li>

						</ul>
					</div>
					<!--
	                	作者：1162091199@qq.com
	                	时间：2017-04-25
	                	描述：中间的页面
	                -->
					<div class="tab-content col-md-7">
						<div class="tab-pane active" id="tab-main">
							<form role="form">
								<div class="form-group">
									<div class="well well-sm">
										<textarea class="form-control pull-left" style="height: 100px;width:75%;">
							    </textarea>
										<div class="pull-right">
											<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-camera"></button>
											<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-paperclip"></button>
											<button type="submit" class="btn btn-default btn-lg glyphicon glyphicon-collapse-down">
												
											</button>
										</div>
									</div>
								</div>
								<!--1-->
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">LYQ</h3>
									</div>
									<div class="panel-body">
										人生四句话 活着就是胜利，挣钱只是游戏，健康才是目的，快乐才是真谛！"--开心就好，在乎的越多，反而越累。 早安
										<img src="img/hua.png" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
							    </textarea>
									</div>
								</div>
								<!--2-->
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">LYJ</h3>
									</div>
									<div class="panel-body">
										如果你下午四点来看我 我早上七点就起床。半小时用来洗脸 刷牙 洗头发，半小时用来剃须 擦鞋 整理着装。 早饭只喝水果粥 养胃 还能唇留齿香。 九点阳光灿烂的时候 我就搬一把椅子坐在太阳底下看书 读几篇小说，勾勒情节，或者几首诗歌，酝酿意境。 困顿的时候 我就听歌 打盹儿 发呆。醒来修剪指甲，看看天空看看云朵。 如果你下午四点来看我 我从一点就开始激动 什么也干不了。坐一会儿腿麻 站一会儿头晕，我哼一首歌跑调 写几个字歪斜。 如果你下午四点来看我 我三点就去门口迎接 跟过往的人群打招呼，顺便通报你来的消息。跟卖红薯的大姐闲聊，向每一辆停下的的士致意。 如果你下午四点来看我，这一天我就什么都不干，虚度光阴，静静地等你。即便上一次分别 只是在昨天。

										<img src="img/luoyujie.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
							    </textarea>
									</div>
								</div>
								<!--3-->
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">ZTG</h3>
									</div>
									<div class="panel-body">
										童年 童年这首歌是否能让你回想起美好的童年生活？在那五彩缤纷的岁月中，发生过许多事情，不像星星一样的明亮。我的童年是美好的，有许多事值得回忆…… 从我记事起，大姨的班上就养了两只小鸡，一有时间我就去大姨班上看小鸡，不知过了多久，两只小鸡渐渐长大了，又过了许久，母鸡下蛋了，蛋中要孵出小鸡了，21天后，闻声可听一阵小鸡的叫声，看到这情况，听到这声音。我觉得小鸡太可怜了，在母鸡和公鸡都不在家时，帮一下小鸡。机会，终于来了…… 那天，母鸡给小小鸡找食去了，淘气的公鸡也不在家，跑出去玩了。趁大姨不注意顺手拿起一个鸡蛋，捧在手心里轻轻抚摸着，一本正经地说：“小鸡不要害怕，一会你就会来到世界上了。”说完，我不再犹豫了，剥开了一个鸡蛋，一只带有余热，未睁开眼睛的小鸡“诞生”了，它看了看我，叫了两声好像在说：“谢谢你，让我早日来到这个世界上。”我可高兴了，又剥开了第二个，当我剥到第四个的时候母鸡回来了，看见我正在“欺负”它的小宝宝就猛琢了我一口，顿时鲜血流了出来，我哭哭啼啼地去找大姨，大姨并没说我，反而哭笑不得地说：“小傻瓜，鸡要到一定时候才会出生呢！你这样给它们接生，会死的。”我听完，赶忙跑看小鸡，果然刚刚被我“接生”的小鸡都快死了，而没被我“接生”的都活了下来。我后悔极了，但一切都晚了…… 虽然这件事过去很久了，虽然那里我还年幼无知，但这件事一直鞭策着我，让我勇往直前，永不后退。
										<img src="img/hua.png" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
							    </textarea>
									</div>
								</div>
								<!--4-->
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">HM</h3>
									</div>
									<div class="panel-body">
										总有那么一类人，常常把你气的吹鼻子瞪眼的，他却在一旁偷偷的笑
										<img src="img/huangmei.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
							    </textarea>
									</div>
								</div>
								<!--5-->
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">ZYX</h3>
									</div>
									<div class="panel-body">
										想养猫却不能养是一种什么样的感受？隔着网线都能听到噼里啪啦心碎一地的声音..
										<img src="img/zongyuanxue.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
							    </textarea>
									</div>
								</div>
							</form>
						</div>
						<!--
	                    	作者：1162091199@qq.com
	                    	时间：2017-04-26
	                    	描述：特别关心
	                    -->
						<div class="tab-pane" id="tab-main1">
							<form role="form">
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">萝萝君</h3>
									</div>
									<div class="panel-body">
										尼玛坐车坐到了反终点站现在又要坐到对面的终点站
										<img src="img/36d.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
						    </textarea>
									</div>
								</div>
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">萝萝君</h3>
									</div>
									<div class="panel-body">
										<p>我再也不玩王者荣耀了。</p>
										<img src="img/luo1.jpg" class="img-responsive pull-left" />
										<img src="img/luo2.jpg" class="img-responsive pull-left" />
										<img src="img/luo3.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
						    </textarea>
									</div>
								</div>
								<div class="panel panel-info">
									<div class="panel-heading">
										<h3 class="panel-title">罗玉杰</h3>
									</div>
									<div class="panel-body">
										<p>我是商院第一帅</p>
										<img src="img/luoyujie.jpg" class="img-responsive" />
										<div class="btn-group pull-right" role="group" aria-label="...">
											<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
											<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
										</div>
										<textarea class="form-control" style="height: 50px;width: 80%;">
								</textarea>
									</div>
								</div>
							</form>
						</div>
					</div>
					<!--
	                	作者：1162091199@qq.com
	                	时间：2017-04-26
	                	描述：右边页面
	                -->
					<div class="col-md-3">
						<ul class="nav nav-tabs" role="tablist" id="feature-tab">
							<li class="active">
								<a href="#tab-She-look-I" role="tab" data-toggle="tab">谁看过我</a>
							</li>
							<li>
								<a href="#tab-I-look-She" role="tab" data-toggle="tab">我看过谁</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="tab-She-look-I">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/10.jpg" /></div>
									<div class="col-xs-4"><img src="img/11.jpg" /></div>
									<div class="col-xs-4"><img src="img/12.jpg" /></div>
									<div class="col-xs-4"><img src="img/13.jpg" /></div>
									<div class="col-xs-4"><img src="img/14.jpg" /></div>
									<div class="col-xs-4"><img src="img/15.jpg" /></div>
									<div class="col-xs-4"><img src="img/16.jpg" /></div>
									<div class="col-xs-4"><img src="img/17.jpg" /></div>
									<div class="col-xs-4"><img src="img/18.jpg" /></div>
									<ul class="pager">
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-left"></a>
										</li>
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-right"></a>
										</li>
									</ul>
								</div>
							</div>
							<div class="tab-pane " id="tab-I-look-She">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/19.jpg" /></div>
									<div class="col-xs-4"><img src="img/20.jpg" /></div>
									<div class="col-xs-4"><img src="img/21.jpg" /></div>
									<div class="col-xs-4"><img src="img/22.jpg" /></div>
									<div class="col-xs-4"><img src="img/23.jpg" /></div>
									<div class="col-xs-4"><img src="img/24.jpg" /></div>
									<div class="col-xs-4"><img src="img/25.jpg" /></div>
									<div class="col-xs-4"><img src="img/10.jpg" /></div>
									<div class="col-xs-4"><img src="img/11.jpg" /></div>
									<ul class="pager">
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-left"></a>
										</li>
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-right"></a>
										</li>
									</ul>
								</div>
							</div>
							<div class="tab-pane " id="tab-beidang">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/15.jpg" /></div>
									<div class="col-xs-4"><img src="img/16.jpg" /></div>
									<div class="col-xs-4"><img src="img/17.jpg" /></div>
									<div class="col-xs-4"><img src="img/18.jpg" /></div>
									<div class="col-xs-4"><img src="img/19.jpg" /></div>
									<div class="col-xs-4"><img src="img/20.jpg" /></div>
									<div class="col-xs-4"><img src="img/21.jpg" /></div>
									<div class="col-xs-4"><img src="img/22.jpg" /></div>
									<div class="col-xs-4"><img src="img/23.jpg" /></div>
									<ul class="pager">
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-left"></a>
										</li>
										<li>
											<a href="#" class="glyphicon glyphicon-triangle-right"></a>
										</li>
									</ul>
								</div>
							</div>
						</div>
						<!--
	                    	作者：1162091199@qq.com
	                    	时间：2017-04-26
	                    	描述：第二栏
	                    -->
						<ul class="nav nav-tabs" role="tablist" id="feature-tab">
							<li class="active">
								<a href="#tab-She" role="tab" data-toggle="tab">谁在意我</a>
							</li>
							<li>
								<a href="#tab-My" role="tab" data-toggle="tab">我在意谁</a>
							</li>
						</ul>
						<div class="tab-content">
							<div class="tab-pane active" id="tab-She">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/luoluojun.jpg" /></div>
									<div class="col-xs-4" style="top: 40px;    left: 5%;">
										<p>萝萝君</p>
										<p class="glyphicon glyphicon-heart center-block">好感度MAX</p>
									</div>
									<div class="col-xs-4" style="top: 50px;"><button type="button" class="btn btn-default center-block">详情</button></div>
								</div>
								<div class="row feature">
									<div class="col-xs-4"><img src="img/14.jpg" /></div>
									<div class="col-xs-4" style="top: 40px;    left: 5%;">
										<p>萝萝君</p>
										<p class="glyphicon glyphicon-heart center-block">好感度92</p>
									</div>
									<div class="col-xs-4" style="top: 50px;"><button type="button" class="btn btn-default center-block">详情</button></div>
								</div>
								<div class="row feature">
									<div class="col-xs-4"><img src="img/18.jpg" /></div>
									<div class="col-xs-4" style="top: 40px;    left: 5%;">
										<p>萝萝君</p>
										<p class="glyphicon glyphicon-heart center-block">好感度90</p>
									</div>
									<div class="col-xs-4" style="top: 50px;"><button type="button" class="btn btn-default center-block">详情</button></div>
								</div>
								<ul class="pager">
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-left"></a>
									</li>
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-right"></a>
									</li>
								</ul>
							</div>
							<div class="tab-pane" id="tab-My">
								<div class="row feature">
									<div class="col-xs-4"><img src="img/luoluojun.jpg" /></div>
									<div class="col-xs-4" style="top: 40px;">
										<p>萝萝君</p>
										<p class="glyphicon glyphicon-heart center-block">好感度MAX</p>
									</div>
									<div class="col-xs-4" style="top: 50px;"><button type="button" class="btn btn-default center-block">详情</button></div>
								</div>
								<div class="row feature">
									<div class="col-xs-4"><img src="img/19.jpg" /></div>
									<div class="col-xs-4" style="top: 40px;">
										<p>萝萝君</p>
										<p class="glyphicon glyphicon-heart center-block">好感度92</p>
									</div>
									<div class="col-xs-4" style="top: 50px;"><button type="button" class="btn btn-default center-block">详情</button></div>
								</div>
								<div class="row feature">
									<div class="col-xs-4"><img src="img/24.jpg" /></div>
									<div class="col-xs-4" style="top: 40px;">
										<p>萝萝君</p>
										<p class="glyphicon glyphicon-heart center-block">好感度90</p>
									</div>
									<div class="col-xs-4" style="top: 50px;"><button type="button" class="btn btn-default center-block">详情</button></div>
								</div>
								<ul class="pager">
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-left"></a>
									</li>
									<li>
										<a href="#" class="glyphicon glyphicon-triangle-right"></a>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<!--
	        	作者：1162091199@qq.com
	        	时间：2017-04-26
	        	描述：日志
	        -->
			<div class="tab-pane" id="tab-log">
				<div class="tab-content">
					<div style="margin-left: 20%;">
						<button type="button" class="btn btn-info">写日志</button>
						<button type="button" class="btn btn-info">模版日志</button>
						<button type="button" class="btn btn-info">图片日志</button>
					</div>
					<hr class="feature">
					<div class="tab-content">
						<div class="tab-pane active" id="Ul-Log1">
							<ul style="width: 60%;padding: 0;margin-left: 20%;">
								<li class="list-group-item">
									<a href="#">温家宝传</a>
								</li>
								<li class="list-group-item">
									<a href="#">毛泽东传</a>
								</li>
								<li class="list-group-item">
									<a href="#">周恩来传</a>
								</li>
								<li class="list-group-item">
									<a href="#">习近平转</a>
								</li>
								<li class="list-group-item">
									<a href="#">李垠圻传</a>
								</li>
								<li class="list-group-item">
									<a href="#">林肯传</a>
								</li>
								<li class="list-group-item">
									<a href="#">邓小平传</a>
								</li>
								<li class="list-group-item">
									<a href="#">江泽民传</a>
								</li>
							</ul>
						</div>
						<div class="tab-pane" id="Ul-Log2">
							<ul style="width: 60%;padding: 0;margin-left: 20%;">
								<li class="list-group-item">
									<a href="#">震惊！男人看了沉默，女人看了流泪！</a>
								</li>
								<li class="list-group-item">
									<a href="#">只因他一个动作，普京看了大笑，安倍看了流泪，中国14亿人都兴奋了！</a>
								</li>
								<li class="list-group-item">
									<a href="#">震惊！他为什么会不喝水？原因竟然是……</a>
								</li>
								<li class="list-group-item">
									<a href="#">大学校长的秘密情史，太让人意外了！</a>
								</li>
								<li class="list-group-item">
									<a href="#">惨不忍睹！快告诉你身边的人要小心……</a>
								</li>
								<li class="list-group-item">
									<a href="#">金正恩笑得合不拢嘴，不是因为朴槿惠，竟是因为……</a>
								</li>
								<li class="list-group-item">
									<a href="#">震惊！父亲居然当着女儿的面做这种动作！</a>
								</li>
								<li class="list-group-item">
									<a href="#">一女子竟然光天化日之下做出这种事情！</a>
								</li>
							</ul>
						</div>
					</div>
					<ul class="pagination" style="margin-left: 40%;" role="tablist" id="feature-tab">
						<li>
							<a href="#">&laquo;</a>
						</li>
						<li class="active">
							<a href="#Ul-Log1" role="tab" data-toggle="tab">1</a>
						</li>
						<li>
							<a href="#Ul-Log2" role="tab" data-toggle="tab">2</a>
						</li>
						<li>
							<a href="#">3</a>
						</li>
						<li>
							<a href="#">4</a>
						</li>
						<li>
							<a href="#">5</a>
						</li>
						<li>
							<a href="#">&raquo;</a>
						</li>
					</ul>
				</div>
			</div>

			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：相册
           -->
			<div class="tab-pane" id="tab-img">
				<div style="width:70%;margin:0 auto;color: #FFFFFF;" class="main-posts row">
					<div class="blog-masonry masonry-true">
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_03.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">街边一角</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2017.4.28</span>
													<h4><a href="#">成都</a></h4>
													<p>宁静的夜晚。</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_04.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">海洋世界</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2017.4.28</span>
													<h4><a href="#">锦江</a></h4>
													<p>海洋的世界</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_05.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">花</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2017.4.28</span>
													<h4><a href="#">温江</a></h4>
													<p>温江Flower</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_06.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">温暖的家</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2017.4.28</span>
													<h4><a href="#">武侯</a></h4>
													<p>我们在这里</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_07.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">桃花故里</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2017.4.28</span>
													<h4><a href="#">龙泉</a></h4>
													<p>桃花故里</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_08.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">厨房</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2017.4.28</span>
													<h4><a href="#">做菜的地方</a></h4>
													<p>想在你做菜的时候抱你</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_09.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">成都下雪了</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2014.12.4</span>
													<h4><a href="#">升仙湖</a></h4>
													<p>南方的雪</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_010.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">十几年没下雪的上海</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2003.1.1</span>
													<h4><a href="#">上海</a></h4>
													<p>东方之珠</p>
												</div>
											</div>
										</div>
									</div>
									<!-- /.post-masonry -->
									<div class="post-masonry col-md-4 col-sm-6">
										<div class="post-thumb">
											<img src="img/P_011.jpg" alt="">
											<div class="title-over">
												<h4><a href="#">峨眉山日出</a></h4>
											</div>
											<div class="post-hover text-center">
												<div class="inside">
													<i class="fa fa-plus"></i>
													<span class="date">2010.4.5</span>
													<h4><a href="#">峨眉山</a></h4>
													<p>晨光</p>
												</div>
											</div>
										</div>
									</div>
									
								</div>
					<!--结束-->
				</div>
			</div>
			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：留言板
            -->
			<div class="tab-pane" id="tab-liuyanban" style="width: 70%;margin: 0 auto;margin-top: 250px;">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				           XXX
				    </h3>
					</div>
					<div class="panel-body">
						新的一年祝你天天开心
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				          	 啦啦啦
				        </h3>
					</div>
					<div class="panel-body">
						忽然，你失去了踪影， 我原谅了任性的你， 就像能重来似的， 我，真不够坚强啊…
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				           一个人
				        </h3>
					</div>
					<div class="panel-body">
						等下一个天亮
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				          拉阿拉蕾
				        </h3>
					</div>
					<div class="panel-body">
						新的一月祝你天天开心
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				          为克雷
				        </h3>
					</div>
					<div class="panel-body">
						就这样遇见了你，多么像一个奇迹。
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				    阿西吧
				        </h3>
					</div>
					<div class="panel-body">
						你静静站在那里，人群中如此美丽。
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">
				    阿西吧啊
				        </h3>
					</div>
					<div class="panel-body">
						午夜最后一班列车，为什么不小心错过。
					</div>
				</div>
			</div>
			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：说说
            -->
			<div class="tab-pane" id="tab-shuoshuo" style="width: 50%;margin: 0 auto;margin-top: 250px;">
				<div class="panel panel-default">
					<form role="form">
						<div class="form-group">
							<div class="well well-sm">
								<textarea class="form-control pull-left" style="height: 100px;width:80%;">
						    </textarea>
								<div class="pull-right">
									<button type="submit" class="btn btn-default glyphicon glyphicon-search"></button>
									<button type="submit" class="btn btn-default glyphicon glyphicon-indent-right"></button>
									<button type="submit" class="btn btn-default glyphicon glyphicon-cog">
											
										</button>
								</div>
							</div>
						</div>

						<div class="panel panel-info">
							<div class="panel-heading">
								<h3 class="panel-title">LYQ</h3>
							</div>
							<div class="panel-body">
								人生四句话 活着就是胜利，挣钱只是游戏，健康才是目的，快乐才是真谛！"--开心就好，在乎的越多，反而越累。 早安
								<img src="img/hua.png" class="img-responsive" />
								<div class="btn-group pull-right" role="group" aria-label="...">
									<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
								</div>
								<textarea class="form-control" style="height: 50px;width: 80%;">
						    </textarea>
							</div>
						</div>

						<div class="panel panel-info">
							<div class="panel-heading">
								<h3 class="panel-title">萝萝君</h3>
							</div>
							<div class="panel-body">
								尼玛坐车坐到了反终点站现在又要坐到对面的终点站
								<img src="img/36d.jpg" class="img-responsive" />
								<div class="btn-group pull-right" role="group" aria-label="...">
									<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
								</div>
								<textarea class="form-control" style="height: 50px;width: 80%;">
						    </textarea>
							</div>
						</div>
						<div class="panel panel-info">
							<div class="panel-heading">
								<h3 class="panel-title">萝萝君</h3>
							</div>
							<div class="panel-body">
								<p>我再也不玩王者荣耀了。</p>
								<img src="img/luo1.jpg" class="img-responsive" />
								<div class="btn-group pull-right" role="group" aria-label="...">
									<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
								</div>
								<textarea class="form-control" style="height: 50px;width: 80%;">
						    </textarea>
							</div>
						</div>
						<div class="panel panel-info">
							<div class="panel-heading">
								<h3 class="panel-title">罗玉杰</h3>
							</div>
							<div class="panel-body">
								<p>我是商院第一帅</p>
								<img src="img/luoyujie.jpg" class="img-responsive" />
								<div class="btn-group pull-right" role="group" aria-label="...">
									<button type="button" class="btn btn-default glyphicon glyphicon-thumbs-up"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-comment"></button>
									<button type="button" class="btn btn-default glyphicon glyphicon-link"></button>
								</div>
								<textarea class="form-control" style="height: 50px;width: 80%;">
								</textarea>
							</div>
						</div>

					</form>
				</div>
			</div>
			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-26
            	描述：个人档
            -->
			<div class="tab-pane" id="tab-gerendang" style="width: 70%;margin: 0 auto;margin-top: 250px;">
				<div class="panel panel-default row">
					<div class="col-lg-4">
						<img src="img/qq.jpg">
					</div>
					<div class="col-lg-8">
						<h3 class="well well-lg">个人资料</h3>
						<p>性别：男</p>
						<p>年龄：18</p>
						<p>生日：5月13日</p>
						<p>星座：金牛座</p>
						<p>现居地：中国 四川 自贡</p>
						<p>婚姻状况：未填写</p>
						<p>血型：其他</p>
						<p>故乡：未填写</p>
						<p>职业：未填写</p>
					</div>
				</div>
			</div>
			<!--
               	作者：1162091199@qq.com
               	时间：2017-04-26
               	描述：Music
               -->
			<div class="tab-pane" id="tab-Music" style="width: 70%;margin: 0 auto;margin-top: 250px;">
				<div class="panel panel-default row">
					<audio src="music/xr.mp3" controls="controls" autoplay="autoplay"></audio>
				</div>
			</div>
			<!--
            	作者：1162091199@qq.com
            	时间：2017-04-27
            	描述：更多
            -->
			<div class="tab-pane" id="tab-More" style="width: 60%;margin: 0 auto;margin-top: 250px;">
				<div class="panel panel-default row">
					<div class="body">
						<div class="well well-sm lead">应用</div>
						<div class="More-main">
							<div><img src="img/a.png">
								<p>个人档</p>
							</div>
							<div><img src="img/b.png">
								<p>QQ日历</p>
							</div>
							<div><img src="img/c.png">
								<p>日志</p>
							</div>
							<div><img src="img/d.png">
								<p>分享</p>
							</div>
							<div><img src="img/e.png">
								<p>访客</p>
							</div>
							<div><img src="img/f.png">
								<p>音乐</p>
							</div>
							<div><img src="img/g.png">
								<p>说说</p>
							</div>
							<div><img src="img/h.png">
								<p>礼物</p>
							</div>
							<div><img src="img/i.png">
								<p>留言板</p>
							</div>
							<div><img src="img/j.png">
								<p>相册</p>
							</div>
							<div><img src="img/k.png">
								<p>视频</p>
							</div>
							<div><img src="img/l.png">
								<p>收藏</p>
							</div>
							<div><img src="img/m.png">
								<p>电脑管家</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="jquery/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</html>